import React from 'react';
import { Routes, Route } from 'react-router-dom';
import './App.css';

import HomePage from '../../pages/HomePage';
import CompanyPage from '../../pages/CompanyPage';
import PartnersPage from '../../pages/PartnersPage';
import DocumentsPage from '../../pages/DocumentsPage';

import NewsPage from '../../pages/NewsPage';
import NewsItemPage from '../../pages/NewsItemPage';

import CatalogPage from '../../pages/CatalogPage';
import ProductPage from '../../pages/ProductPage';
import ServisesPage from '../../pages/ServisesPage';
import ServiseItemPage from '../../pages/ServiseItemPage';


function App() {
  return (
    <div className="App">
      <Routes>
        <Route path="/" element={<HomePage />} />
        <Route path="/company" element={<CompanyPage />} />
        <Route path="/partners" element={<PartnersPage />} />
        <Route path="/documents" element={<DocumentsPage />} />

        <Route path="/news" element={<NewsPage />} />
        <Route path="/news/:newsId" element={<NewsItemPage />} />

        <Route path="/products" element={<CatalogPage />} />
        <Route path="/products/:productId" element={<ProductPage />} />
        <Route path="/servises" element={<ServisesPage />} />
        <Route path="/servises/:servisesId" element={<ServiseItemPage />} />
      </Routes>
    </div>
  );
}

export default App;
